@strapi/admin 4.1.0 → 4.1.2

package/admin/src/{pages/AuthPage/components/Logo → components/UnauthenticatedLogo}/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { useConfigurations } from '../../../../hooks';
+import { useConfigurations } from '../../hooks';
 
 const Img = styled.img`
   height: ${72 / 16}rem;

package/admin/src/content-manager/components/DynamicTable/CellContent/CellValue.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import toString from 'lodash/toString';
+import parseISO from 'date-fns/parseISO';
 import { getNumberOfDecimals } from './utils/getNumberOfDecimals';
 
 const CellValue = ({ type, value }) => {
@@ -8,7 +9,7 @@ const CellValue = ({ type, value }) => {
   let formattedValue = value;
 
   if (type === 'date') {
-    formattedValue = formatDate(value, { dateStyle: 'full' });
+    formattedValue = formatDate(parseISO(value), { dateStyle: 'full' });
   }
 
   if (type === 'datetime') {

package/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js

@@ -195,7 +195,7 @@ const DraggableCard = ({
         >
           <Stack horizontal size={3}>
             <DragButton
-              as='span'
+              as="span"
               aria-label={formatMessage(
                 {
                   id: getTrad('components.DraggableCard.move.field'),

package/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import styled from 'styled-components';
 import { PropTypes } from 'prop-types';
 import { useIntl } from 'react-intl';
@@ -36,6 +36,24 @@ const SortDisplayedFields = ({
 }) => {
   const { formatMessage } = useIntl();
   const [isDraggingSibling, setIsDraggingSibling] = useState(false);
+  const [lastAction, setLastAction] = useState(null);
+  const scrollableContainerRef = useRef();
+
+  function handleAddField(...args) {
+    setLastAction('add');
+    onAddField(...args);
+  }
+
+  function handleRemoveField(...args) {
+    setLastAction('remove');
+    onRemoveField(...args);
+  }
+
+  useEffect(() => {
+    if (lastAction === 'add' && scrollableContainerRef?.current) {
+      scrollableContainerRef.current.scrollLeft = scrollableContainerRef.current.scrollWidth;
+    }
+  }, [displayedFields, lastAction]);
 
   return (
     <>
@@ -56,7 +74,7 @@ const SortDisplayedFields = ({
         borderWidth="1px"
         hasRadius
       >
-        <ScrollableContainer size="1" paddingBottom={4}>
+        <ScrollableContainer size="1" paddingBottom={4} ref={scrollableContainerRef}>
           <Stack horizontal size={3}>
             {displayedFields.map((field, index) => (
               <DraggableCard
@@ -65,7 +83,7 @@ const SortDisplayedFields = ({
                 isDraggingSibling={isDraggingSibling}
                 onMoveField={onMoveField}
                 onClickEditField={onClickEditField}
-                onRemoveField={e => onRemoveField(e, index)}
+                onRemoveField={e => handleRemoveField(e, index)}
                 name={field}
                 labelField={metadatas[field].list.label || field}
                 setIsDraggingSibling={setIsDraggingSibling}
@@ -85,7 +103,7 @@ const SortDisplayedFields = ({
             data-testid="add-field"
           >
             {listRemainingFields.map(field => (
-              <MenuItem key={field} onClick={() => onAddField(field)}>
+              <MenuItem key={field} onClick={() => handleAddField(field)}>
                 {field}
               </MenuItem>
             ))}

package/admin/src/content-manager/pages/ListSettingsView/reducer.js

@@ -17,7 +17,7 @@ const reducer = (state = initialState, action) =>
     switch (action.type) {
       case 'ADD_FIELD': {
         const layoutFieldList = get(state, layoutFieldListPath, []);
-        set(draftState, layoutFieldListPath, [action.item, ...layoutFieldList]);
+        set(draftState, layoutFieldListPath, [...layoutFieldList, action.item]);
         break;
       }
       case 'MOVE_FIELD': {

package/admin/src/pages/App/index.js

@@ -19,6 +19,7 @@ import PrivateRoute from '../../components/PrivateRoute';
 import { createRoute, makeUniqueRoutes } from '../../utils';
 import AuthPage from '../AuthPage';
 import NotFoundPage from '../NotFoundPage';
+import UseCasePage from '../UseCasePage';
 import { getUID } from './utils';
 import routes from './utils/routes';
 
@@ -119,6 +120,7 @@ function App() {
             )}
             exact
           />
+          <PrivateRoute path="/usecase" component={UseCasePage} />
           <PrivateRoute path="/" component={AuthenticatedApp} />
           <Route path="" component={NotFoundPage} />
         </Switch>

package/admin/src/pages/AuthPage/components/ForgotPassword/index.js

@@ -15,7 +15,7 @@ import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../Logo';
+import Logo from '../../../../components/UnauthenticatedLogo';
 
 const ForgotPassword = ({ onSubmit, schema }) => {
   const { formatMessage } = useIntl();

package/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js

@@ -9,7 +9,7 @@ import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../Logo';
+import Logo from '../../../../components/UnauthenticatedLogo';
 
 const ForgotPasswordSuccess = () => {
   const { formatMessage } = useIntl();

package/admin/src/pages/AuthPage/components/Login/BaseLogin.js

@@ -16,7 +16,7 @@ import { useIntl } from 'react-intl';
 import styled from 'styled-components';
 import { Formik } from 'formik';
 import { Column, LayoutContent } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../Logo';
+import Logo from '../../../../components/UnauthenticatedLogo';
 import FieldActionWrapper from '../FieldActionWrapper';
 
 const PasswordInput = styled(TextInput)`

package/admin/src/pages/AuthPage/components/Oops/index.js

@@ -10,7 +10,7 @@ import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../Logo';
+import Logo from '../../../../components/UnauthenticatedLogo';
 
 const Oops = () => {
   const { formatMessage } = useIntl();

package/admin/src/pages/AuthPage/components/Register/index.js

@@ -10,7 +10,7 @@ import { Flex } from '@strapi/design-system/Flex';
 import { Link } from '@strapi/design-system/Link';
 import { Button } from '@strapi/design-system/Button';
 import { TextInput } from '@strapi/design-system/TextInput';
-// import { Checkbox } from '@strapi/design-system/Checkbox';
+import { Checkbox } from '@strapi/design-system/Checkbox';
 import { Grid, GridItem } from '@strapi/design-system/Grid';
 import { Typography } from '@strapi/design-system/Typography';
 import EyeStriked from '@strapi/icons/EyeStriked';
@@ -24,18 +24,16 @@ import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../Logo';
+import Logo from '../../../../components/UnauthenticatedLogo';
 import FieldActionWrapper from '../FieldActionWrapper';
 
 const CenteredBox = styled(Box)`
   text-align: center;
 `;
 
-// Experiment only until the next release
-// To uncomment then
-// const A = styled.a`
-//   color: ${({ theme }) => theme.colors.primary600};
-// `;
+const A = styled.a`
+  color: ${({ theme }) => theme.colors.primary600};
+`;
 
 const PasswordInput = styled(TextInput)`
   ::-ms-reveal {
@@ -274,9 +272,7 @@ const Register = ({ fieldsToDisable, noSignin, onSubmit, schema }) => {
                     })}
                     type={confirmPasswordShown ? 'text' : 'password'}
                   />
-                  {/* Experiment only until the next release
-                  To uncomment then */}
-                  {/* <Checkbox
+                  <Checkbox
                     onValueChange={checked => {
                       handleChange({ target: { value: checked, name: 'news' } });
                     }}
@@ -309,7 +305,7 @@ const Register = ({ fieldsToDisable, noSignin, onSubmit, schema }) => {
                         ),
                       }
                     )}
-                  </Checkbox> */}
+                  </Checkbox>
                   <Button fullWidth size="L" type="submit">
                     {formatMessage({
                       id: 'Auth.form.button.register',

package/admin/src/pages/AuthPage/components/ResetPassword/index.js

@@ -18,7 +18,7 @@ import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../layouts/UnauthenticatedLayout';
-import Logo from '../Logo';
+import Logo from '../../../../components/UnauthenticatedLogo';
 import FieldActionWrapper from '../FieldActionWrapper';
 
 const PasswordInput = styled(TextInput)`

package/admin/src/pages/AuthPage/index.js

@@ -160,22 +160,6 @@ const AuthPage = ({ hasAdmin, setHasAdmin }) => {
       auth.setToken(token, false);
       auth.setUserInfo(user, false);
 
-      if (
-        (authType === 'register' && body.userInfo.news === true) ||
-        (authType === 'register-admin' && body.news === true)
-      ) {
-        axios({
-          method: 'POST',
-          url: 'https://analytics.strapi.io/register',
-          data: {
-            email: user.email,
-            username: user.firstname,
-            firstAdmin: !hasAdmin,
-          },
-          cancelToken: source.token,
-        });
-      }
-      // Redirect to the homePage
       setSubmitting(false);
       setHasAdmin(true);
 
@@ -190,6 +174,19 @@ const AuthPage = ({ hasAdmin, setHasAdmin }) => {
         }
       }
 
+      if (
+        (authType === 'register' && body.userInfo.news === true) ||
+        (authType === 'register-admin' && body.news === true)
+      ) {
+        push({
+          pathname: '/usecase',
+          search: `?hasAdmin=${hasAdmin}`,
+        });
+
+        return;
+      }
+
+      // Redirect to the homePage
       push('/');
     } catch (err) {
       if (err.response) {

package/admin/src/pages/MarketplacePage/index.js

@@ -94,13 +94,22 @@ const MarketPlacePage = () => {
                 </CenterTypography>
               </Flex>
               <Stack paddingTop={6} horizontal size={2}>
-                <LinkButton href="https://market.strapi.io" size="L" variant="primary" endIcon={<ExternalLink />}>
+                <LinkButton
+                  href="https://market.strapi.io"
+                  size="L"
+                  variant="primary"
+                  endIcon={<ExternalLink />}
+                >
                   {formatMessage({
                     id: 'admin.pages.MarketPlacePage.submit.market.link',
                     defaultMessage: 'Visit the web marketplace',
                   })}
                 </LinkButton>
-                <LinkButton href="https://market.strapi.io/submit-plugin" size="L" variant="secondary">
+                <LinkButton
+                  href="https://market.strapi.io/submit-plugin"
+                  size="L"
+                  variant="secondary"
+                >
                   {formatMessage({
                     id: 'admin.pages.MarketPlacePage.submit.plugin.link',
                     defaultMessage: 'Submit your plugin',

package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ContentBox/index.js

@@ -20,7 +20,7 @@ const HeaderContentBox = ({ apiToken }) => {
           <span style={{ alignSelf: 'start' }}>
             <CopyToClipboard
               onCopy={() => {
-                trackUsageRef('didCopyTokenKey');
+                trackUsageRef.current('didCopyTokenKey');
                 toggleNotification({
                   type: 'success',
                   message: { id: 'Settings.apiTokens.notification.copied' },

package/admin/src/pages/UseCasePage/index.js

@@ -0,0 +1,173 @@
+import React, { useState } from 'react';
+import axios from 'axios';
+import { useIntl } from 'react-intl';
+import { useHistory } from 'react-router-dom';
+import styled from 'styled-components';
+import { parse } from 'qs';
+import { pxToRem, useNotification, auth } from '@strapi/helper-plugin';
+import { Main } from '@strapi/design-system/Main';
+import { Flex } from '@strapi/design-system/Flex';
+import { Box } from '@strapi/design-system/Box';
+import { Stack } from '@strapi/design-system/Stack';
+import { Typography } from '@strapi/design-system/Typography';
+import { Select, Option } from '@strapi/design-system/Select';
+import { TextInput } from '@strapi/design-system/TextInput';
+import { TextButton } from '@strapi/design-system/TextButton';
+import { Button } from '@strapi/design-system/Button';
+import Logo from '../../components/UnauthenticatedLogo';
+import UnauthenticatedLayout, { LayoutContent } from '../../layouts/UnauthenticatedLayout';
+
+export const options = [
+  {
+    intlLabel: {
+      id: 'Usecase.front-end',
+      defaultMessage: 'Front-end developer',
+    },
+    value: 'front_end_developer',
+  },
+  {
+    intlLabel: {
+      id: 'Usecase.back-end',
+      defaultMessage: 'Back-end developer',
+    },
+    value: 'back_end_developer',
+  },
+  {
+    intlLabel: {
+      id: 'Usecase.full-stack',
+      defaultMessage: 'Full-stack developer',
+    },
+    value: 'full_stack_developer',
+  },
+  {
+    intlLabel: {
+      id: 'Usecase.content-manager',
+      defaultMessage: 'Content Manager',
+    },
+    value: 'content_manager',
+  },
+  {
+    intlLabel: {
+      id: 'Usecase.content-creator',
+      defaultMessage: 'Content Creator',
+    },
+    value: 'content_creator',
+  },
+  {
+    intlLabel: {
+      id: 'Usecase.other',
+      defaultMessage: 'Other',
+    },
+    value: 'other',
+  },
+];
+
+const TypographyCenter = styled(Typography)`
+  text-align: center;
+`;
+
+const UseCasePage = () => {
+  const toggleNotification = useNotification();
+  const { push, location } = useHistory();
+  const { formatMessage } = useIntl();
+  const [role, setRole] = useState();
+  const [otherRole, setOtherRole] = useState('');
+  const { firstname, email } = auth.getUserInfo();
+  const { hasAdmin } = parse(location?.search, { ignoreQueryPrefix: true });
+  const isOther = role === 'other';
+
+  const handleSubmit = skipPersona => {
+    try {
+      axios({
+        method: 'POST',
+        url: 'https://analytics.strapi.io/register',
+        data: {
+          email,
+          username: firstname,
+          firstAdmin: Boolean(!hasAdmin),
+          persona: {
+            role: skipPersona ? undefined : role,
+            otherRole: skipPersona ? undefined : otherRole,
+          },
+        },
+      });
+
+      toggleNotification({
+        type: 'success',
+        message: {
+          id: 'Usecase.notification.success.project-created',
+          defaultMessage: 'Project has been successfully created',
+        },
+      });
+      push('/');
+    } catch (err) {
+      // Silent
+    }
+  };
+
+  return (
+    <UnauthenticatedLayout>
+      <Main labelledBy="usecase-title">
+        <LayoutContent>
+          <form onSubmit={() => handleSubmit(false)}>
+            <Flex direction="column" paddingBottom={7}>
+              <Logo />
+              <Box paddingTop={6} paddingBottom={1} width={pxToRem(250)}>
+                <TypographyCenter variant="alpha" as="h1" id="usecase-title">
+                  {formatMessage({
+                    id: 'Usecase.title',
+                    defaultMessage: 'Tell us a bit more about yourself',
+                  })}
+                </TypographyCenter>
+              </Box>
+            </Flex>
+            <Stack size={6}>
+              <Select
+                id="usecase"
+                data-testid="usecase"
+                label={formatMessage({
+                  id: 'Usecase.input.work-type',
+                  defaultMessage: 'What type of work do you do?',
+                })}
+                // onClear={() => setRole(null)}
+                // clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}
+                onChange={setRole}
+                value={role}
+              >
+                {options.map(({ intlLabel, value }) => (
+                  <Option key={value} value={value}>
+                    {formatMessage(intlLabel)}
+                  </Option>
+                ))}
+              </Select>
+              {isOther && (
+                <TextInput
+                  name="other"
+                  label={formatMessage({ id: 'Usecase.other', defaultMessage: 'Other' })}
+                  value={otherRole}
+                  onChange={e => setOtherRole(e.target.value)}
+                  data-testid="other"
+                />
+              )}
+              <Button type="submit" size="L" fullWidth disabled={!role}>
+                {formatMessage({ id: 'form.button.finish', defaultMessage: 'Finish' })}
+              </Button>
+            </Stack>
+          </form>
+        </LayoutContent>
+        <Flex justifyContent="center">
+          <Box paddingTop={4}>
+            <TextButton onClick={() => handleSubmit(true)}>
+              {formatMessage({
+                id: 'Usecase.button.skip',
+                defaultMessage: 'Skip this question',
+              })}
+            </TextButton>
+          </Box>
+        </Flex>
+      </Main>
+    </UnauthenticatedLayout>
+  );
+};
+
+export default UseCasePage;

package/admin/src/translations/en.json

@@ -214,6 +214,16 @@
   "Username": "Username",
   "Users": "Users",
   "Users & Permissions": "Users & Permissions",
+  "Usecase.front-end": "Front-end developer", 
+  "Usecase.back-end": "Back-end developer", 
+  "Usecase.full-stack": "Full-stack developer", 
+  "Usecase.content-manager": "Content Manager", 
+  "Usecase.content-creator": "Content Creator", 
+  "Usecase.other": "Other", 
+  "Usecase.title": "Tell us a bit more about yourself", 
+  "Usecase.input.work-type": "What type of work do you do?", 
+  "Usecase.button.skip": "Skip this question",
+  "Usecase.notification.success.project-created": "Project has been successfully created",
   "Users.components.List.empty": "There is no users...",
   "Users.components.List.empty.withFilters": "There is no users with the applied filters...",
   "Users.components.List.empty.withSearch": "There is no users corresponding to the search ({search})...",

package/admin/src/translations/fr.json

@@ -240,7 +240,7 @@
   "app.components.BlockLink.blog.content": "Lire les dernières actualités à propos de Strapi et de son écosystème",
   "app.components.BlockLink.code": "Apps d'exemple",
   "app.components.BlockLink.code.content": "Apprenez en testant des projets réels développés par la communauté.",
-  "app.components.BlockLink.tation": "Documentation",
+  "app.components.BlockLink.documentation": "Documentation",
   "app.components.BlockLink.documentation.content": "Découvrir les concepts essentials, guides et instructions.",
   "app.components.BlockLink.tutorial": "Tutoriels",
   "app.components.BlockLink.tutorial.content": "Suivre les instructions étapes par étapes pour utiliser et personnaliser Strapi.",

package/admin/src/translations/ko.json

@@ -87,9 +87,10 @@
   "Settings.apiTokens.copy.lastWarning": "이 토큰을 복사해두세요. 다시 볼 수 없습니다!",
   "Settings.apiTokens.create": "항목 추가",
   "Settings.apiTokens.description": "API 사용을 위해 생성된 토큰 목록입니다.",
+  "Settings.apiTokens.details": "세부 사항",
   "Settings.apiTokens.emptyStateLayout": "아직 콘텐츠가 없습니다.",
   "Settings.apiTokens.notification.copied": "토큰이 클립보드에 복사되었습니다.",
-  "Settings.apiTokens.title": "API Tokens",
+  "Settings.apiTokens.title": "API 토큰",
   "Settings.apiTokens.types.full-access": "전체 액세스",
   "Settings.apiTokens.types.read-only": "읽기 전용",
   "Settings.application.description": "프로젝트 세부 정보",
@@ -127,22 +128,23 @@
   "Settings.permissions.users.listview.header.subtitle": "{number, plural, =0 {# 명} one {# 명} other {# 명}}의 사용자를 찾았습니다.",
   "Settings.permissions.users.listview.header.title": "사용자",
   "Settings.permissions.users.tabs.label": "Tabs Permissions",
-  "Settings.profile.form.notify.data.loaded": "Your profile data has been loaded",
+  "Settings.profile.form.notify.data.loaded": "사용자 프로필 정보를 불러왔습니다.",
   "Settings.profile.form.section.experience.clear.select": "Clear the interface language selected",
   "Settings.profile.form.section.experience.interfaceLanguage": "인터페이스 언어",
   "Settings.profile.form.section.experience.interfaceLanguage.hint": "선택한 언어로 인터페이스의 언어가 변경됩니다.",
-  "Settings.profile.form.section.experience.title": "Experience",
+  "Settings.profile.form.section.experience.interfaceLanguageHelp": "선택하면 이 계정에서만 인터페이스 언어가 변경됩니다. 팀에서 다른 언어를 사용할 수 있도록 하려면 이 {documentation}를 참조해주세요.",
+  "Settings.profile.form.section.experience.title": "사용자 경험",
   "Settings.profile.form.section.helmet.title": "사용자 프로필",
   "Settings.profile.form.section.password.title": "비밀번호 변경",
   "Settings.profile.form.section.profile.page.title": "Profile page",
-  "Settings.profile.form.section.profile.title": "Profile",
+  "Settings.profile.form.section.profile.title": "프로필",
   "Settings.roles.create.description": "역할에 부여된 권한을 정의합니다.",
   "Settings.roles.create.title": "Create a role",
   "Settings.roles.created": "Role created",
   "Settings.roles.edit.title": "역할 수정",
   "Settings.roles.form.button.users-with-role": "{number, plural, =0 {# 명} one {# 명} other {# 명}}의 사용자가 이 역할을 가지고 있습니다.",
   "Settings.roles.form.created": "Created",
-  "Settings.roles.form.description": "Name and description of the role",
+  "Settings.roles.form.description": "역할에 대한 이름과 설명",
   "Settings.roles.form.input.description": "설명",
   "Settings.roles.form.input.name": "이름",
   "Settings.roles.form.permission.property-label": "{label} permissions",
@@ -215,8 +217,11 @@
   "admin.pages.MarketPlacePage.coming-soon.1": "Strapi를 멋지게 만들어줄 새로운 방법.",
   "admin.pages.MarketPlacePage.coming-soon.2": "곧 찾아옵니다.",
   "admin.pages.MarketPlacePage.content.subtitle": "새로운 마켓플레이스는 Strapi에서 더 많은 것을 할 수 있도록 도와줄겁니다. 새 플러그인을 발견하고 설치하기 위한 최고의 경험이 다가옵니다.",
+  "admin.pages.MarketPlacePage.content.subtitle.published": "웹 마켓플레이스를 통해 Strapi를 최대한 활용할 수 있습니다. 또한 앱에서 직접 플러그인을 검색하고 설치할 수 있는 최상의 환경을 제공하기 위해 노력하고 있습니다.",
   "admin.pages.MarketPlacePage.helmet": "마켓플레이스 - 플러그인",
   "admin.pages.MarketPlacePage.illustration": "marketplace illustration",
+  "admin.pages.MarketPlacePage.market.link": "웹 마켓플레이스 방문하기",
+  "admin.pages.MarketPlacePage.published": "드디어 도착했어요.",
   "admin.pages.MarketPlacePage.submit.plugin.link": "플러그인 제출",
   "admin.pages.MarketPlacePage.subtitle": "Strapi에서 더 많은 것을 해보세요.",
   "admin.pages.MarketPlacePage.title": "마켓플레이스",
@@ -272,6 +277,8 @@
   "app.components.LeftMenu.collapse": "Collapse the navbar",
   "app.components.LeftMenu.expand": "Expand the navbar",
   "app.components.LeftMenu.logout": "로그아웃",
+  "app.components.LeftMenu.navbrand.title": "Strapi 대시보드",
+  "app.components.LeftMenu.navbrand.workplace": "작업 공간",
   "app.components.LeftMenu.profile": "프로필",
   "app.components.LeftMenuFooter.documentation": "도큐멘테이션",
   "app.components.LeftMenuFooter.help": "도움말",
@@ -470,9 +477,9 @@
   "content-manager.components.FiltersPickWrapper.PluginHeader.description": "필터링 조건을 설정하세요.",
   "content-manager.components.FiltersPickWrapper.PluginHeader.title.filter": "필터",
   "content-manager.components.FiltersPickWrapper.hide": "숨김",
-  "content-manager.components.LeftMenu.Search.label": "Search for a content type",
-  "content-manager.components.LeftMenu.collection-types": "{number, plural, =0 {Collection Types} one {Collection Type } other {Collection Types}}",
-  "content-manager.components.LeftMenu.single-types": "{number, plural, =0 {Single Types} one {Single Type } other {Single Types}}",
+  "content-manager.components.LeftMenu.Search.label": "콘텐츠 타입 검색",
+  "content-manager.components.LeftMenu.collection-types": "콜렉션 타입",
+  "content-manager.components.LeftMenu.single-types": "싱글 타입",
   "content-manager.components.LimitSelect.itemsPerPage": "항목 수 / 페이지",
   "content-manager.components.NotAllowedInput.text": "이 필드를 볼 수 있는 권한이 없습니다.",
   "content-manager.components.RepeatableComponent.error-message": "The component(s) contain error(s)",